* {
  margin: 0;
  padding: 0;
  box-sizing: 0;
}
nav {
  min-height: 10vh;
  background: rgb(40, 40, 40);
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  transition: all 0.5s ease-out;
  opacity: 1;
}
nav.nav-slide {
  opacity: 0;
  transform: translateY(-100%);
}

section {
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

button {
  padding: 1rem 2rem;
  font-size: 1.5rem;
  border: none;
  color: white;
  background: rgb(40, 40, 40);
  transition: background 0.5s ease-out;
}

button:hover {
  background: rgba(74, 74, 74);
}
